<template>
    <page-decorator>
        <div class="row">
            <div class="col-lg-12">
                <div class="tabs-container">
                    <ul class="nav nav-tabs metismenu" id="tabs-menu">
                        <router-link tag="li" to="/wechat/source/picture">
                            <a><i class="glyphicon glyphicon-bookmark"></i>
                                <span class="nav-label"> 图片素材 </span></a>
                        </router-link>
                        <router-link tag="li" to="/wechat/source/article">
                            <a><i class="glyphicon glyphicon-bookmark"></i>
                                <span class="nav-label"> 图文素材 </span></a>
                        </router-link>
                        <router-link tag="li" to="/wechat/source/voice">
                            <a><i class="glyphicon glyphicon-bookmark"></i>
                                <span class="nav-label"> 音频素材 </span></a>
                        </router-link>

                        <router-link tag="li" to="/wechat/source/video">
                            <a><i class="glyphicon glyphicon-bookmark"></i>
                                <span class="nav-label"> 视频素材 </span></a>
                        </router-link>
                    </ul>
                    <div class="tab-content">
                        <!--<transition  mode='out-in' enter-active-class="animated fadeInLeft" leave-active-class="animated fadeOutRight">-->
                        <router-view></router-view>
                    </div>

                </div>
            </div>
        </div>

    </page-decorator>
</template>

<script>
    export default {
        created: function () {
            this.$store.commit('setTitle', '素材管理');
        }
    }
</script>